<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title></title>
        <link href="https://at.alicdn.com/t/font_1126822_bheq7e6ga8.css" rel="stylesheet" type="text/css" />
        <link type="text/css" href="../../css/style.css" rel="stylesheet" />
        <style type="text/css" media="screen">

            .welcome {
                font-size: 25px;
                text-align: center;
                margin: 10% auto;
                letter-spacing: 2px;
            }

            .acc,
            .pwd {
                position: relative;
            }

            .accerror::after,
            .acclength::after,
            .pwderror::after,
            .pwdlength::after {
                position: absolute;
                width: 375px;
                top: 28px;
                left: 0;
                font-size: 10px;
                text-align: end;
                color: #f00;
            }

            .acclength::after {
                content: "账号最小长度为6，最长为15";
            }

            .pwdlength::after {
                content: "密码最小长度为6，最长为15";
            }

            .accerror::after {
                content: "没有该账号，登录时将会自动进入临时账号";
                color: blue;
            }

            .pwderror::after {
                content: "密码错误！";
            }
        </style>
    </head>

    <body class="unAbleSelect">
        <div id="stars"></div>
        <div id="stars2"></div>
        <div id="stars3"></div>
        <div id="title" class="animated delay-1s flip">
            <span>
                欢迎登录
            </span>
        </div>
        <div class="login">
            <div class="signinpanel">
                <form>
                    <div class="welcome">人流量预警云平台</div>
                    <div class="form-group">
                        <span id="accountSpan" class="input-with-icon">
                            <input type="text" maxlength="15" class="form-control" id="username" placeholder="请输入账号" />
                            <i class="iconfont acc">&#xe634;</i>
                        </span>
                        <span id="passwordSpan" class="input-with-icon">
                            <input type="password" maxlength="15" class="form-control" id="password" placeholder="请输入密码" />
                            <i class="iconfont pwd">&#xe63e;</i>
                        </span>
                    </div>
                    <button id="loginBtn" type="button" class="outlineBtn">
                        登录
                    </button>
                </form>
            </div>
        </div>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
        <script src="${pageContext.request.contextPath}/js/jQuery.md5.js" type="text/javascript"></script>
        <script src="${pageContext.request.contextPath}/js/jquery.cookie.js" type="text/javascript"></script>
        <script src="${pageContext.request.contextPath}/js/public.js" type="text/javascript"></script>
    </body>

</html>
